<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>慧仪宝贝生日快乐</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
	<style type="text/css">
		@font-face {
			font-family: digit;
			src: url('digital-7_mono.ttf') format("truetype");
		}
	</style>
	<link href="css/default.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/garden.js"></script>
    <script type="text/javascript" src="js/functions.js"></script>
</head>

<body>
	<div id="mainDiv">
		<div id="content">
		  <embed src="music/hb.mp3" autostart="true" loop="true" hidden="true" width="100" height="52"></embed>
<div id="code">
		<span class="comments">亲爱的宝贝</span><br />
				<span class="space"/><span class="comments">我们在高一的时候成为同班同学</span><br />
				<span class="space"/><span class="comments">但没有过多的交集</span><br />
				<span class="space"/><span class="comments">交集的频繁来自于后来我们成为了上下床，做了同桌</span><br />
				i = <span class="keyword">李许娣</span> 
			    u = <span class="keyword">林慧仪</span> 
				<span class="comments">我们逐渐成为了好朋友 </span><br />
				我喜欢跟你相处的感觉<br />
				<span class="comments">我也改变了在没有跟你有很多接触时候的看法</span><br />
				并不是别人口中的样子<br />
				<span class="comments">你身上有很多的闪光点</span><br />
				你很会“做人”<br />
				<span class="comments">你很会与人相处，懂得分寸</span><br />
				你也很热情，为人很nice<br />
				<span class="comments">跟你相处不会有很多顾忌，是很自然的关系</span><br />
				<span class="comments">所以我很喜欢你</span><br />
				<span class="keyword">会毕业后主动找你</span>  = <span class="keyword">我珍惜这段感情</span><br />
                <span class="comments">我很少主动找别人，虽然我们最近很少聊天</span><br />
                <span class="comments">当我昨晚制作了个人的红包封面时我分享了给你</span><br />
                <span class="comments">在想给谁的时候，脑子里有你的图片出现</span><br />
                <span class="comments">可能是你经常更新朋友圈吧，脸熟你...</span><br />
                <span class="comments">昨晚跟你聊了会天，了解了一下你的近况</span><br />
                <span class="comments">你看，你以前跟我说过的事我还是有认真听的</span><br />
				<span class="keyword">我是有多喜欢你才会给你连夜打代码做这个网页生日礼物</span>  {<br />
				<span class="placeholder"我原本已经在床上的，想着想着还是起床拿起了电脑<br />
				<span class="placeholder"/><span class="comments">因为我是个新手</span><br />
				<span class="placeholder"/><span class="comments">所以做网页会出现很多问题</span><br />
				<span class="placeholder"/>希望你喜欢这个礼物<br />
				}<br />
				<span class="comments">我是真的真的用心做了</span><br />
				慧仪宝贝生日快乐<br />
				做一个快乐的大人<br />
			</div>
			<div id="loveHeart">
				<canvas id="garden"></canvas>
				<div id="words">
					<div id="messages">
						慧仪宝贝，我们已经认识
						<div id="elapseClock"></div>
					</div>
					<div id="loveu">
						我真的超级喜欢你<br/>
						<div class="signature">- 爱你的许娣</div>
					</div>
				</div>
			</div>
		</div>
		<div id="copyright">
			Inspired by <a href="http://www.openrise.com/lab/FlowerPower/">FlowerPower</a> project.<br />
			Copyright © 2021 <a href='https://gitee.com/Karen-newstar'>lixudi</a> 2021.2.10
		</div>
	</div>
	<script type="text/javascript">
		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;
		var together = new Date();
		together.setFullYear(2017, 9, 1);
		together.setHours(20);
		together.setMinutes(0);
		together.setSeconds(0);
		together.setMilliseconds(0);
		
		if (!document.createElement('canvas').getContext) {
			var msg = document.createElement("div");
			msg.id = "errorMsg";
			msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
			document.body.appendChild(msg);
			$("#code").css("display", "none")
			$("#copyright").css("position", "absolute");
			$("#copyright").css("bottom", "10px");
		    document.execCommand("stop");
		} else {
			setTimeout(function () {
				startHeartAnimation();
			}, 5000);

			timeElapse(together);
			setInterval(function () {
				timeElapse(together);
			}, 500);

			adjustCodePosition();
			$("#code").typewriter();
		}
	</script>
</body>
</html>
